.main {
  background-color: #d3c8c8; /* 板块背景色 */
    width: 100%; /* 确保宽度覆盖整个屏幕 */
    height: 900px; /* 确保高度覆盖整个屏幕 */
    display: flex;
    flex-direction: column; /* 设置子元素垂直排列 */
    align-items: center; /* 水平居中对齐子元素 */
  }
  .container {  
    width: 100%;  
    height: 200px; /* 根据需要调整高度 */  
  }  
    
  .swiper-container {
    display: flex;
    justify-content: center; /* 水平居中 */
    width: 100%; /* 宽度覆盖整个容器 */
    height: 200px; /* 根据需要调整高度 */
  }
  
  .slide-image {  
    width: 100%;  
    height: 100%;  
  }

  .box {
    width: 260px; /* 你可以根据需要调整盒子的宽度 */  
    height: 90px; 
    padding: 100rpx 55rpx 80rpx;
    background-color: rgb(255, 255, 255); /* 淡灰色背景 */
    border: 2px solid #d4cbcb; /* 灰色边框 */
    box-shadow: 2px 2px 10px rgba(169, 169, 169, 0.5); /* 盒子阴影 */
    margin-left: 5px;  /* 左边距为5px */  
    margin-right: 5px; /* 右边距为5px */
    border-radius: 20rpx; /* 圆角边框 */
    position: relative; /* 相对定位 */
    top: -7px; /* 向上移动10px */
  }

  .boxx {
    width: 260px; /* 你可以根据需要调整盒子的宽度 */  
    height: 120px; 
    padding: 100rpx 55rpx 80rpx;
    background-color: rgb(255, 255, 255); /* 淡灰色背景 */
    border: 2px solid #d4cbcb; /* 灰色边框 */
    box-shadow: 2px 2px 10px rgba(169, 169, 169, 0.5); /* 盒子阴影 */
    margin-left: 5px;  /* 左边距为5px */  
    margin-right: 5px; /* 右边距为5px */
    border-radius: 20rpx; /* 圆角边框 */
    position: relative; /* 相对定位 */
    top: -7px; /* 向上移动10px */
  }
  .boxxx {
    width: 260px; /* 你可以根据需要调整盒子的宽度 */  
    height: 120px; 
    padding: 100rpx 55rpx 80rpx;
    background-color: rgb(255, 255, 255); /* 淡灰色背景 */
    border: 2px solid #d4cbcb; /* 灰色边框 */
    box-shadow: 2px 2px 10px rgba(169, 169, 169, 0.5); /* 盒子阴影 */
    margin-left: 5px;  /* 左边距为5px */  
    margin-right: 5px; /* 右边距为5px */
    border-radius: 20rpx; /* 圆角边框 */
    position: relative; /* 相对定位 */
    top: -7px; /* 向上移动10px */
  }

  .jing {
    font-size: 24px; /* 根据需要调整字体大小 */
    font-weight: bold; /* 加粗字体 */
    display: flex; /* 使用 flex 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: start; /* 水平起始位置对齐 */
    padding-left: -50px; /* 左边距 */
    height: 1px; /* 板块高度 */
    border-radius: 15px; /* 圆角边框 */
    margin-bottom: 10px; /* 与下一个板块的间距 */
  }
  .jing::before {
    content: '营地介绍'; /* 显示内容 */
    display: inline-block; /* 行内块级元素 */
    background-color: #eccb34; /* 底色 */
    color: rgb(0, 0, 0); /* 字体颜色 */
    font-size: 18px; /* 字体大小 */
    width: 18px; /* 宽度 */
    height: 30px; /* 高度 */
    line-height: 30px; /* 行高，确保文字垂直居中 */
    text-align: center; /* 文字居中 */
    margin-right:290px; /* 右边距 */
    white-space: nowrap; /* 防止内容换行 */
  }